{"id":18841,"date":"2020-02-11T11:24:14","date_gmt":"2020-02-11T16:24:14","guid":{"rendered":"https:\/\/www.gravityforms.com\/?page_id=14438"},"modified":"2021-09-27T13:47:33","modified_gmt":"2021-09-27T17:47:33","slug":"how-to-collect-credit-card-payments-using-stripe-video-tutorial","status":"publish","type":"page","link":"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/","title":{"rendered":"How to Collect Credit Card Payments using Stripe"},"content":{"rendered":"<p class=\"p-xlg\">With the Stripe Add-On for Gravity Forms you can collect credit card payments any time a form is submitted.<\/p>\r\n\r\n\r\n<!--VIDEO-->\t\t\t\r\n\r\n<span class=\"video-frame-outer\"><div class=\"video-frame\">\r\n<!-- The script tag should live in the head of your page if at all possible -->\r\n<script type=\"text\/javascript\" async src=\"https:\/\/play.vidyard.com\/embed\/v4.js\"><\/script>\r\n\r\n<!-- Put this wherever you would like your player to appear -->\r\n<img\r\n  style=\"width: 100%; margin: auto; display: block;\"\r\n  class=\"vidyard-player-embed\"\r\n  src=\"https:\/\/play.vidyard.com\/E4SQZSTRrVwLj5A6M75Kad.jpg\"\r\n  data-uuid=\"E4SQZSTRrVwLj5A6M75Kad\"\r\n  data-v=\"4\"\r\n  data-type=\"inline\"\r\n\/>\r\n\r\n<\/div><\/span>\r\n<br> \r\n<p>If you have any additional questions about using the Stripe Add-On, you can view our documentation for <a href=\"https:\/\/docs.gravityforms.com\/category\/add-ons-gravity-forms\/stripe-add-on\/\" target=\"_blank\" rel=\"noopener noreferrer\"> Stripe here<\/a>. We also have documentation on <a href=\"https:\/\/docs.gravityforms.com\/installing-a-gravity-forms-add-on\/\" target=\"_blank\" rel=\"noopener noreferrer\">additional ways of installing Add-Ons<\/a>.<\/p>\r\n\r\n<!--Popular Articles-->\t\r\n<div class=\"ghelp_container ghelp_support_container_full\" style=\"margin:40px 0\">\r\n        <h2 class=\"ghelp_container_header\">Popular Documentation Articles<\/h2>\r\n        <div class=\"ghelp_support_content\">\r\n            <p><strong>CSS Ready Classes<\/strong>\r\n                <br>Use these classes so you can easily create more advanced alternative layouts for form fields. <br>\r\n <a href=\"https:\/\/docs.gravityforms.com\/css-ready-classes\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn More <i class=\"fa fa-caret-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\r\n\r\n           \r\n            <p><strong>Dynamic Population<\/strong>\r\n                <br>Pass a value via Query Strings, Shortcode and\/or Hooks so can dynamically populate a field on your form! <br>\r\n<a href=\"https:\/\/docs.gravityforms.com\/using-dynamic-population\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn More <i class=\"fa fa-caret-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\r\n\r\n            <p><strong>Design and Layout.<\/strong>\r\n                <br>Whether you&#8217;re a beginner or an advanced user, Gravity Forms makes it easy to style your forms as you see fit. <a href=\"https:\/\/docs.gravityforms.com\/category\/user-guides\/design-and-layout\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn More <i class=\"fa fa-caret-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\r\n\r\n            <p><strong>User Guides.<\/strong>\r\n                <br>An overview of all of our guides, from reviewing your entries to how to use Conditional Logic.<br>\r\n<a href=\"https:\/\/docs.gravityforms.com\/category\/user-guides\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn More <i class=\"fa fa-caret-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n","protected":false},"excerpt":{"rendered":"With the Stripe Add-On for Gravity Forms you can collect credit card payments any time a form is submitted. If you have any additional questions about using the Stripe Add-On, you can view our documentation for Stripe here. We also have documentation on additional ways of installing Add-Ons. Popular Documentation Articles CSS Ready Classes Use these classes so you can easily create more advanced alternative layouts for form fields. Learn More Dynamic Population Pass a value via Query Strings, Shortcode and\/or Hooks so can dynamically populate a field on your form! Learn More Design and Layout. Whether you&#8217;re a beginner or an advanced user, Gravity Forms makes it easy to style your forms as you see fit. Learn More User Guides. An overview of all of our guides, from reviewing your entries to how to use Conditional Logic. Learn More","protected":false},"author":279897,"featured_media":14439,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v17.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"In this video we will show you how you can collect credit card payments any time a form is submitted using the Stripe Add-On for Gravity Forms.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Collect Credit Card Payments using Stripe\" \/>\n<meta property=\"og:description\" content=\"In this video we will show you how you can collect credit card payments any time a form is submitted using the Stripe Add-On for Gravity Forms.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Gravity Forms\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GravityForms\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-27T17:47:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/How-to-Collect-Credit-Card-Payments-using-Stripe-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1420\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GravityForms\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.gravityforms.com\/#organization\",\"name\":\"Gravity Forms\",\"url\":\"https:\/\/www.gravityforms.com\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/GravityForms\",\"https:\/\/www.instagram.com\/gravityforms\/\",\"https:\/\/www.linkedin.com\/company\/gravityforms\/\",\"https:\/\/twitter.com\/GravityForms\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.gravityforms.com\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/gravity-forms-logo-horizontal-744.png\",\"contentUrl\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/gravity-forms-logo-horizontal-744.png\",\"width\":774,\"height\":400,\"caption\":\"Gravity Forms\"},\"image\":{\"@id\":\"https:\/\/www.gravityforms.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gravityforms.com\/#website\",\"url\":\"https:\/\/www.gravityforms.com\/\",\"name\":\"Gravity Forms\",\"description\":\"WordPress Contact Forms\",\"publisher\":{\"@id\":\"https:\/\/www.gravityforms.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.gravityforms.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/How-to-Collect-Credit-Card-Payments-using-Stripe-1.png\",\"contentUrl\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/How-to-Collect-Credit-Card-Payments-using-Stripe-1.png\",\"width\":1420,\"height\":800,\"caption\":\"How to Collect Credit Card Payments using Stripe\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/#webpage\",\"url\":\"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/\",\"name\":\"How to Collect Credit Card Payments using Stripe - Gravity Forms\",\"isPartOf\":{\"@id\":\"https:\/\/www.gravityforms.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/#primaryimage\"},\"datePublished\":\"2020-02-11T16:24:14+00:00\",\"dateModified\":\"2021-09-27T17:47:33+00:00\",\"description\":\"In this video we will show you how you can collect credit card payments any time a form is submitted using the Stripe Add-On for Gravity Forms.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Gravity Forms\",\"item\":\"https:\/\/www.gravityforms.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Collect Credit Card Payments using Stripe\"}]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"description":"In this video we will show you how you can collect credit card payments any time a form is submitted using the Stripe Add-On for Gravity Forms.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"How to Collect Credit Card Payments using Stripe","og_description":"In this video we will show you how you can collect credit card payments any time a form is submitted using the Stripe Add-On for Gravity Forms.","og_url":"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/","og_site_name":"Gravity Forms","article_publisher":"https:\/\/www.facebook.com\/GravityForms","article_modified_time":"2021-09-27T17:47:33+00:00","og_image":[{"width":1420,"height":800,"url":"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/How-to-Collect-Credit-Card-Payments-using-Stripe-1.png","path":"\/dom38924\/wp-content\/uploads\/2020\/02\/How-to-Collect-Credit-Card-Payments-using-Stripe-1.png","size":"full","id":14439,"alt":"How to Collect Credit Card Payments using Stripe","pixels":1136000,"type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@GravityForms","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.gravityforms.com\/#organization","name":"Gravity Forms","url":"https:\/\/www.gravityforms.com\/","sameAs":["https:\/\/www.facebook.com\/GravityForms","https:\/\/www.instagram.com\/gravityforms\/","https:\/\/www.linkedin.com\/company\/gravityforms\/","https:\/\/twitter.com\/GravityForms"],"logo":{"@type":"ImageObject","@id":"https:\/\/www.gravityforms.com\/#logo","inLanguage":"en-US","url":"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/gravity-forms-logo-horizontal-744.png","contentUrl":"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/gravity-forms-logo-horizontal-744.png","width":774,"height":400,"caption":"Gravity Forms"},"image":{"@id":"https:\/\/www.gravityforms.com\/#logo"}},{"@type":"WebSite","@id":"https:\/\/www.gravityforms.com\/#website","url":"https:\/\/www.gravityforms.com\/","name":"Gravity Forms","description":"WordPress Contact Forms","publisher":{"@id":"https:\/\/www.gravityforms.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gravityforms.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/#primaryimage","inLanguage":"en-US","url":"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/How-to-Collect-Credit-Card-Payments-using-Stripe-1.png","contentUrl":"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/How-to-Collect-Credit-Card-Payments-using-Stripe-1.png","width":1420,"height":800,"caption":"How to Collect Credit Card Payments using Stripe"},{"@type":"WebPage","@id":"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/#webpage","url":"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/","name":"How to Collect Credit Card Payments using Stripe - Gravity Forms","isPartOf":{"@id":"https:\/\/www.gravityforms.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/#primaryimage"},"datePublished":"2020-02-11T16:24:14+00:00","dateModified":"2021-09-27T17:47:33+00:00","description":"In this video we will show you how you can collect credit card payments any time a form is submitted using the Stripe Add-On for Gravity Forms.","breadcrumb":{"@id":"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.gravityforms.com\/how-to-collect-credit-card-payments-using-stripe-video-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Gravity Forms","item":"https:\/\/www.gravityforms.com\/"},{"@type":"ListItem","position":2,"name":"How to Collect Credit Card Payments using Stripe"}]}]}},"_links":{"self":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/pages\/18841"}],"collection":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/users\/279897"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/comments?post=18841"}],"version-history":[{"count":0,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/pages\/18841\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/media\/14439"}],"wp:attachment":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/media?parent=18841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}